<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<!--引入的文件-->
<head th:fragment="head">
    <script th:src="@{/assets/js/jquery.min.js}"></script>
    <script th:src="@{/js/serach.js}"></script>
    <link th:href="@{/assets/css/amazeui.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/assets/css/admin.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/basic/css/demo.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/hmstyle.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/skin.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/personal.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/assets/js/amazeui.min.js}"></script>
    <link th:href="@{/css/addstyle.css}" rel="stylesheet" type="text/css">


</head>
<!--头部-->
<div th:fragment="common">
    <div class="am-container header">
        <ul class="message-l">
            <div class="menu-hd" th:if="${session.customer}!=null">
                <a href="#" target="_top" class="h" th:text="${session.customer.getUsername()}">亲，请登录</a>
                <a href="logout" target="_top" class="h">登出</a>
            </div>
            <div class="menu-hd" th:if="${session.customer}==null">
                <a href="login" target="_top" class="h">亲，请登录</a>
            </div>
        </ul>
        <ul class="message-r">
            <div class="topMessage home">
                <div class="menu-hd"><a href="index" target="_top" class="h">商城首页</a></div>
            </div>
            <div class="topMessage my-shangcheng" th:if="${session.customer}!=null">
                <div class="menu-hd MyShangcheng"><a href="person" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
                </div>
            </div>
            <div class="topMessage my-shangcheng" th:if="${session.customer}==null">
                <div class="menu-hd MyShangcheng"><a href="login" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
                </div>
            </div>
            <div class="topMessage mini-cart" th:if="${session.customer}!=null">
                <div class="menu-hd">
                    <a id="mc-menu-hd" href="shopcartlist" target="_top">
                        <i class="am-icon-shopping-cart  am-icon-fw"></i>
                        <span>购物车</span>
                        <strong id="J_MiniCartNum" class="h"></strong>
                    </a>
                </div>
            </div>

            <div class="topMessage mini-cart" th:if="${session.customer}==null">
                <div class="menu-hd">
                    <a id="mc-menu-hd1" href="login" target="_top">
                        <i class="am-icon-shopping-cart  am-icon-fw"></i>
                        <span>购物车</span>
                        <strong id="J_MiniCartNum1" class="h"></strong>
                    </a>
                </div>
            </div>


            <div class="topMessage favorite" th:if="${session.customer}!=null">
                <div class="menu-hd"><a href="person" target="_top"><i
                        class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
            </div>
            <div class="topMessage favorite" th:if="${session.customer}==null">
                <div class="menu-hd"><a href="login" target="_top"><i
                        class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
            </div>
        </ul>
    </div>
</div>
<!--搜索框-->
<div th:fragment="search">
    <div class="nav white">
        <!-- <div class="logo"><img th:src="@{/images/logo.png}"/> <img th:src="@{/images/10.jpg}" alt=""/></div>-->
        <div class="logoBig">
            <li><img th:src="@{/images/logobig.png}"/></li>
        </div>

        <div class="search-bar pr">
            <a name="index_none_header_sysc" href="#"></a>
            <form>
                <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
                <input type="button" id="ai-topsearch" class="submit am-btn" value="搜索" index="1">
            </form>
        </div>
    </div>
</div>
<!--分类标题-->
<div th:fragment="category">
    <div class="long-title"><span class="all-goods">全部分类</span></div>
    <div class="nav-cont">
       <!-- <ul th:each="company: ${companies}">
            <li class="index"><a href="index">首页</a></li>
            <li class="qc"><a href="#" th:text="company.getSupName()">今日推荐</a></li>
            <li class="qc"><a href="#" th:text="company.getSupName()">活动</a></li>
            <li class="qc"><a href="#" th:text="company.getSupName()">优惠</a></li>
            <li class="qc"><a href="#" th:text="company.getSupName()">秒杀</a></li>
        </ul>-->
        <ul>
            <li class="index"><a href="index">首页</a></li>
            <li class="qc"><a href="#tj" name="tj">今日推荐</a></li>
            <li class="qc"><a href="#yh" name="yh">优惠</a></li>
            <li class="qc"><a href="#cz" name="cz">超值</a></li>
            <li class="qc"><a href="#cz" name="cz">秒杀</a></li>
        </ul>
    </div>
</div>


<!-- introduce-->

<div th:fragment="footer">
    <div class="introduce">
        <div class="introduceMain">
            <div class="footer">
                <div class="footer-hd">
                    <p>
                        <a href="#">商城首页</a>
                        <b>|</b>
                        <a href="#">支付宝</a>
                        <b>|</b>
                        <a href="#">物流</a>
                    </p>
                </div>
              <!--  <div class="footer-bd">
                    <p>
                        <a href="#">关于我们</a>
                        <a href="#">合作伙伴</a>
                        <a href="#">联系我们</a>
                        <a href="#">网站地图</a>
                        <em>© 2018-2025 lol.com 版权所有</em>
                    </p>
                </div>-->
            </div>
        </div>
    </div>
</div>


<!--页脚-->
<!--<div  th:fragment="footer" class="footer">
    <div class="footer-hd">
        <p>
            <a href="#">商城首页</a>
            <b>|</b>
            <a href="#">支付宝</a>
            <b>|</b>
            <a href="#">物流</a>
        </p>
    </div>
    <div class="footer-bd">
        <p>
            <a href="#">关于我们</a>
           &lt;!&ndash; <a href="#">合作伙伴</a>
            <a href="#">联系我们</a>
            <a href="#">网站地图</a>
            <em>© 2018-2025 lol.com 版权所有</em>&ndash;&gt;
        </p>
    </div>
</div>-->


<!--person-->
<aside th:fragment="person" class="menu">
    <ul>
        <li class="person">
            <a href="person">个人中心</a>
        </li>
        <li class="person">
            <a href="#">个人资料</a>
            <ul>
                <li><a href="information">个人信息</a></li>
                <li><a href="safety">安全设置</a></li>
                <li><a href="address">收货地址</a></li>
            </ul>
        </li>
        <li class="person">
            <a href="#">我的交易</a>
            <ul>
                <li><a href="order">订单管理</a></li>
                <li><a href="change">退款售后</a></li>
                <li class="active"><a href="bill">账单明细</a></li>
            </ul>
        </li>
    </ul>

</aside>
</html>